
<script>
    var YiBoBaMaView = {
        props:{
            dataList: {
                type: [Object, Array],
                default: () => {
                    return {};
                }
            },
            nextJob : {
                type: Object,
                default: () => {
                    return {};
                }
            },
        },
        template:`<div>
                    <template v-if="dataList.meansList && dataList.meansList.length">
                        <div class="duilianpt" v-for="(item,inx) in dataList.meansList" :key="inx">
                            <div class="zodiac" style="width: 100%;">
                                <div class="item">
                                    <span>{{initIssue(item.issue)}}期
                                        <span v-for="(vl,vk) in item.means" :key="vk">
                                            <span v-html="bosehtml(vl,vk)"></span>
                                            <template v-if="vl[0].child && vl[0].child.length">
                                                <span :class="{'bg-yellow':fv.isTrue,'blue-text':(fv.color == 'blue'), 'green1-text':(fv.color == 'green'), 'red-text':(fv.color == 'red')}"  v-for="(fv,fk) in vl[0].child" :key="fk">
                                                    {{fv.value}}<span v-if="fk <  vl[0].child.length-1">.</span>
                                                </span>
                                            </template>
                                        </span>
                                    </span>  
                                        
                                </div>
                            </div>
                        </div>
                       
                        
                    </template>
                </div>`,
        data() { return { nextList:{} } },
        extends:moldExtend,
        mounted() {
        },
        methods: {
        }
    }
</script>